<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/personal_center.css">
</head>

<body>

    <!-- 导航栏 -->
    <div class="nav">
        <img src="img/logo.jpg" alt="">
        <span class="title">博客系统</span>
        <!-- 用来占据中间位置 -->
        <span class="spacer" style="width: 45%;"></span>

        <a href="blog_list.html">博客广场</a>
        <a href="myblog_list.html">个人博客</a>
        <a href="my_relation_following.html">我的关注/粉丝</a>
        <a href="private_message.html">聊天室</a>
        <a href="draft_list.html">我的草稿</a>
        <a href="blog_add.html">写博客</a>
        <a href="javascript:logout()">注销</a>
    </div>

    <div class="personal-center-container">
        <div class="personal-center-dialog">
            <h1>个人中心</h1>
            <div class="avatar-container">
                <img id="avatar-img" alt="Avatar" class="clickable-avatar">
                <input type="file" id="avatar" accept="image/*" style="display: none;">
            </div>
            <div class="info">

                <!-- ... -->
                <div class="row">
                    <label for="username">用户名</label>
                    <span id="username">zhangsan</span>

                </div>

                <!-- ... -->
                <div class="row">
                    <label for="nickname">昵称</label>
                    <input type="text" id="nickname" value="张三">
                    <button class="nickname-button" onclick="submit1()">提交</button>
                </div>

                <div class="row">
                    <label for="gitee">Gitee</label>
                    <input type="text" id="gitee" value="https://gitee.com/username">
                    <button class="gitee-button" onclick="submit2()">提交</button>
                </div>
            </div>
        </div>
    </div>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/logout.js"></script>
    <script src="./js/personal_center.js"></script>

</body>

</html>